<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script type="text/javascript" src="js/deal2.js"></script>
<script type="text/javascript" src="js/deal1.js"></script>
<link rel="stylesheet" type="text/css" href="css/deal1.css">
<link rel="stylesheet" type="text/css" href="css/other_public.css">


</head>

<body>
        <!-- 导航栏开始 -->
   <div class="nav_all">
	   	<div class="nav">
	   	   <ul>
		   		<span>您好 欢迎来到果瓣！</span>
		   	   	<li>请<a href="login-index.html">登录</a></li>
		   	   	<li><a href="register.html">免费注册</a></li>
	   	   </ul>
	   	   <ol>
		   	   	<span><a href="#">关于我们</a></span>
		   	   	<li>|</li>
		   	   	<li><a href="#">个人中心</a></li>
		   	   	<li>|</li>
		   	   	<li><a href="#">我的进货单</a></li>
		   	   	<li>|</li>
		   	   	<li><a href="index.html">首页</a></li>
	   	   </ol>
	   	</div>
   </div><!-- 导航栏结束 -->
   <!-- 红色头部开始 -->
   <div class="lo_head">
   		<div class="lo_main">
   			<ul>
   				<li><a href="#"><img src="img/head_logo.png"/></a></li>
   				<li>|&nbsp;</li>
   				<li>个人中心</li>
   				<li class="customer" id="purchase">我是采购商</li>
   				<li class="customer customer_active" id="provision">我是供应商</li>
   			</ul>
   		</div>
   </div>
   <!-- 红色头部结束 -->
<div class="order">
	<div class="order_box" id="order_bigbox">
		<div id="management">
			<ul id="Wul">
				<li>
				    <img src="img/management.png">
				    <div>
					   <p>交易管理</p>
					   <a href="#" class="manages" onclick="check()">订单管理</a>
					</div>
				</li>
				<li>
				    <img src="img/account.png">
				    <div>
					    <p>商品管理</p>
					    <a href="#" class="manages" onclick="check()">商品管理</a>
					    <a href="#" class="manages" onclick="check()">商品添加</a>
					</div>
				</li>
				<li>
				    <img src="img/cost.png">
				    <div>
					    <p>运费模板</p>
					    <a href="#" class="manages" onclick="check()">运费模板管理</a>
					</div>
				</li>
				<li>
				    <img src="img/capital.png">
				    <div>
					    <p>账号管理</p>
					    <a href="#" class="manages" onclick="check()">收入管理</a>
					    <a href="#" class="manages" onclick="check()">交易记录</a>
					    <a href="#" class="manages" onclick="check()">保证金管理</a>
					</div>
				</li>
				<li>
				    <img src="img/account.png">
				    <div>
					    <p>交易管理</p>
					    <a href="#" class="manages" onclick="check()" >认证信息</a>
					    <a href="#" class="manages" onclick="check()">重置密码</a>
					    <a href="#" class="manages" onclick="check()">更换手机号码</a>
					</div>
				</li>
			</ul>
		</div>
		<div id="switchover">
			<!-- <div id="swit">
				<span class="swit_box">&nbsp;订单详情</span>
			</div> -->
			<div id="order_management" class="order_management">

			 <div class="indent">
	   	<div class="indent_details">
	   		<p>订单详情</p>
	   	</div>
	   	<div class="kongde"></div>
	   	<div class="indent_progress" >
	   		<div class="progress_map">
	   			<ul>
	   				<li class="map_ball" id="red_1">√</li>
	   				<li class="map_rectangle map_rectangle_1"></li>
	   				<li class="map_ball" id="red_1">√</li>
	   				<li class="map_rectangle map_rectangle_2"></li>
	   				<li class="map_ball" id="gra_1">3</li>
	   				<li class="map_rectangle map_rectangle_2"></li>
	   				<li class="map_ball" id="gra_1">4</li>
	   				<li class="map_rectangle map_rectangle_2"></li>
	   				<li class="map_ball" id="gra_1">5</li>
	   			</ul>
	   		</div>

	   	
	   		<div class="progress_write" id="schedule">
	   			<ul>
	   				<li>
	   					<span id="submit_orders">提交订单</span>
	   					<p  id="submit_time"></p>
	   				</li>
	   				<li>
	   					<span id="payment">付款</span>
	   					<p id="payment_time"></p>
	   				</li>
	   				<li>
	   					<span id="take_goods">收货</span>
	   					<p id="take_goods_time"></p>
	   				</li>
	   				<li>
	   					<span id="sign_in">订单签收</span>
	   					<p id="sign_in_time"></p>
	   				</li>
	   				<li>
	   					<span id="complete">订单完成</span>
	   					<p id="complete_time"></p>
	   				</li>	   				
	   			</ul>
	   		</div>
	   	</div> 
	   	<div class="take">
	   		<h4>收货信息</h4>
	   		<p id="take_one"></p><br>
	   		<h4>收货码</h4>
	   		<p id="take_two"></p>
	</div>  
   </div>
 	<div class="gyx_box">
 		<p class="gyx_wz">订单信息</p>
		<span>
			<img src="img/logo.png" width="18" height="18">
			<p>上海非凡贸易有限公司</p>
		</span>
   		<div id="gyx_box">
    	
    	</div>
	</div>	

	 <div class="detail_bottom">
   	   <div class="bottom_cost">
   	   	  <ul>
   	   	  	<li>
   	   	  		<img src="img/Check_Agreed .png">
   	   	  		<span class="cost_one">
   	   	  			需要发票（发票由果瓣网商家开具）
   	   	  		</span>
   	   	  	</li>
   	   	  	<li class="cost_two">
   	   	  		共<span id="jian_num"></span>件商品，小计：
   	   	  		<span id="subtotal"></span>
   	   	  	</li>
   	   	  	<li class="cost_three">
   	   	  		运费：
   	   	  		<span>￥10.00</span>
              <hr noshade size="1" align="right" width="21%" color="#d3d3d3">
   	   	  	</li>
              
            <li class="cost_four">
              总金额：
              <span class="color"  id="total">￥500.00</span>
            </li>
            <li>
              <a href="" class="shape">去支付</a>
            </li>
   	   	  </ul>
   	   </div>
   </div>	
			</div>
			<div id="order_management" class="order_management">
				sal/gdkhdkjlhklj
			</div>
			<div id="order_management" class="order_management">
				123
			</div>
			<div id="order_management" class="order_management">
				345
			</div>
			<div id="order_management" class="order_management">
				567
			</div>
			<div id="order_management" class="order_management">
				678
			</div>
			<div id="order_management" class="order_management">
				545
			</div>
			<div id="order_management" class="order_management">
				234
			</div>
			<div id="order_management" class="order_management">
				2345
			</div>
			<div id="order_management" class="order_management">
				12345678
			</div>
		</div>
	</div>
</div>
   <!--服务块内容-->
	<div class="serve_bar">
		<div class="serve">
			<!--服务选项内容-->
			<div class="service">
				<ul class="service_list">
					<li class="service_item">
						<span><img src="img/certification.png" alt="" /></span>
						<a href="#">实名认证</a>
						<p>真实身份，更有保障</p>
					</li>
					<li class="service_item">
						<span><img src="img/gold.png" alt="" /></span>
						<a href="#">金牌供应商</a>
						<p>优质货源，更值得信赖</p>
					</li>
					<li class="service_item">
						<span><img src="img/link.png" alt="" /></span>
						<a href="#">专业匹配供应</a>
						<p>免费帮你找到最好的货源</p>
					</li>
					<li class="service_item">
						<span><img src="img/focus.png" alt="" /></span>
						<a href="#">专注尾货供应链</a>
						<p>成本和效率的最佳解决方案</p>
					</li>
				</ul>
			</div>
			<!--帮助流程样式-->
			<div class="help">
				<!--底部Logo-->
				<div class="help_logo">
					<a href="#"><img src="img/logo2.png" alt="" /></a>
					<h2>果瓣</h2>
					<p>专注快消尾货供应</p>
				</div>
				<!--帮助列表-->
				<div class="help_list">
					<dl>
						<dt>
							<span>新手入门</span>
						</dt>
						<dd>
							<a href="#">注册登录</a>
							<a href="#">实名认证</a>
							<a href="#">用户协议</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<span>帮助中心</span>
						</dt>
						<dd>
							<a href="#">常见问题</a>
							<a href="#">支付方式</a>
							<a href="#">违规处罚</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<span>招商合作</span>
						</dt>
						<dd>
							<a href="#">关于我们</a>
							<a href="#">供货商招募</a>
							<a href="#">联系我们</a>
						</dd>
					</dl>
				</div>
				<!--联系方式-->
				<div class="relation">
					<span>客服热线： 400-1234-5678</span>
					<span>合作邮箱： ABC@saohuo7.com</span>
				</div>
			</div>
		</div>
	</div>
	<!--页面底部内容-->
	<div class="footer_bar">
		<div class="footer">
			Copyright @ 2017 saohuo7.com .All Rights Reserved 扫货版权所有  <a href="http://www.miitbeian.gov.cn/" class="footer_num">沪ICP14045987号</a>
		</div>
	</div>
	<!-- 底部结束 -->
</body>
</html>